<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8"/>
    <title>沙立方</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="renderer" content="webkit">
    <!-- 设置缩放 -->
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui"/>
    <!-- 可隐藏地址栏，仅针对IOS的Safari（注：IOS7.0版本以后，safari上已看不到效果） -->
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <!-- 仅针对IOS的Safari顶端状态条的样式（可选default/black/black-translucent ） -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <!-- IOS中禁用将数字识别为电话号码/忽略Android平台中对邮箱地址的识别 -->
    <meta name="format-detection" content="telephone=no, email=no"/>
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
    <meta name="HandheldFriendly" content="true">
    <!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="../../assets/i/favicon.png">
    <link rel="stylesheet" href="../../assets/css/amazeui.min.css"/>
    <link rel="stylesheet" href="../../assets/css/app.css">
    <link rel="stylesheet" href="../../assets/css/personal_center.css">
    <link rel="stylesheet" href="../../assets/css/yttApp.css">
    <style>
        .am-navbar .am-navbar-nav {
            padding-top: 10px
        }
    </style>
</head>

<body class="perIndex">
<header data-am-widget="header" class="am-header bg-white am-header-fixed borBottom bg-085492">
    <div class="am-header-left am-header-nav moneyDiv">
        <a href="#left-link" id="myLfb">
            <img src="../../img/lifangbi.png" style="height:20px">
            <span class="co-fff"></span>
        </a>
    </div>
    <div class="am-header-title moneyDiv am-hide" id="vipDiv">
        <a href="#left-link" class="font16">
            <span style="color:#F7B646;">尊享用户</span>
        </a>
    </div>
    <div class="am-header-right am-header-nav text-black padding-left05 co-fff"
         style="width:60px;font-size:14px;text-align:right" id="cancellation">
        注销
    </div>
</header>
<div class="infoDiv">
    <div class="headImgDiv" onclick="javascript:window.location.href='child_list.html'">
        <div class="headImg" >
            <img id="headImg" src="../../img/noChild.jpg"/>
        </div>
        <div class="childName"></div>
    </div>
    <div class="perMessDiv">
        <ul id="coursePage" class="couseDiv">
            <!-- <li id="coursePage" class="couseDivLi">
                <span class="courseName">沙画课程包</span>
                <span  class="courseNum">（剩余5节课）</span>
             </li>
             <li id="course" class="couseDivLi">
                <span class="courseName">沙画课程</span>
                <span class="courseNum">（共1节课）</span>
             </li>
             <li class="couseMoreLi">
                <span class="moreBtn">查看更多</span>
             </li>-->
        </ul>
        <div class="btnDiv">
            <button class="goBuyBtn" onclick="javascript:window.location.href='/slf/course_pack.html'">购买课程包</button>
            <button class="rechargeBtn" onclick="javascript:window.location.href='../recharge.html'">充值</button>
        </div>
    </div>
</div>
<div class="extensionDiv">
    <div class="extensionTitle"><span class="borTitle">我的推广</span></div>
    <ul class="extensionMess">
        <li class="exLi">
            <span class="exMess">目前我已推广有效人数<span class="co-red promotionNum"></span>人，累计收益：<span
                    class="co-red promotionMoney">100000</span></span>
        </li>
        <li class="exLi">
            <span class="exMore" onclick="javascript:window.location.href='../promote.html'">详细信息 > </span>
        </li>
        <li class="exLi">
            <span class="exMess">选择推广样式<span class="co-888" style="font-size:10px;">（点击预览）</span></span>
            <span class="exMore" style="float:right"
                  onclick="javascript:window.location.href='myCode.html'">推广二维码 > </span>
        </li>
        <li class="codeDiv">

	           <span class="imgCodeDiv" id="Extension1">
	              <img src='../../img/spreadImag/course.jpg'/>
	           </span>
            <span class="imgCodeDiv" id="Extension2">
	              <img src='../../img/spreadImag/toys.jpg'/>
	           </span>
        </li>
    </ul>
</div>
<div class="childMessDiv" onclick="javascript:window.location.href='child_list.html'">
    <span class="liTitle">孩子信息</span>
    <i class="am-align-right am-margin-0 am-icon-angle-right am-icon-sm text-9F9F9F"></i>
</div>
<div class="childMessDiv" id="person" >
    <span class="liTitle">账户资料</span>
    <i class="am-align-right am-margin-0 am-icon-angle-right am-icon-sm text-9F9F9F"></i>
</div>
<!-- <div class="childMessDiv">
    <span class="liTitle">我的优惠券</span>
    <i class="am-align-right am-margin-0 am-icon-angle-right am-icon-sm text-9F9F9F"></i>
</div> -->
<!--底部菜单-->
<div data-am-widget="navbar" class="am-navbar am-cf bg-fff" id="mendb">
    <ul class="am-navbar-nav am-cf am-avg-sm-4" style="border-top:none;">
        <li>
            <a href="../courseOrder.html">
                <img src="../../img/yuyue2.png" style="width:20px;height:20px;">
                <span class="am-navbar-label">预约</span>
            </a>
        </li>
        <li>
            <a href="../shopp.html">
                <img src="../../img/shangcheng2.png" style="width:20px;height:20px;">
                <span class="am-navbar-label">商城</span>
            </a>
        </li>
        <li>
            <a href="../index.html">
                <img src="../../img/zhuye2.png" style="height:35px;width:35px;margin-top:10px;">
            </a>
        </li>
        <li>
            <a href="../find.html">
                <img src="../../img/faxian2.png" style="width:20px;height:20px;">
                <span class="am-navbar-label">发现</span>
            </a>
        </li>
        <li class="active">
            <a href="index.html">
                <img src="../../img/wode1.png" style="width:20px;height:20px;">
                <span class="am-navbar-label">我的</span>
            </a>
        </li>
    </ul>
</div>

<div class="am-modal am-modal-loading am-modal-no-btn radius4" tabindex="-1" id="my-modal-loading"
     data-am-modal="{closeViaDimmer: 0}">
    <div class="am-modal-dialog" style="border-radius: 4px;">
        <div class="am-modal-hd">加载中...</div>
        <div class="am-modal-bd">
            <span class="am-icon-spinner am-icon-spin"></span>
        </div>
    </div>
</div>
<div class="am-modal am-modal-confirm " tabindex="-1" id="class_model" data-am-modal="{closeViaDimmer: 0}">
    <div class="am-modal-dialog radius10">
        <div class="am-modal-hd"></div>
        <div class="am-modal-bd"></div>
        <div class="am-modal-footer">
            <span class="am-modal-btn" data-am-modal-confirm>确定</span>
            <span class="am-modal-btn" data-am-modal-cancel>取消</span>
        </div>
    </div>
</div>
<div class="am-modal am-modal-alert" tabindex="-1" id="alert1" data-am-modal="{closeViaDimmer: 0}">
    <div class="am-modal-dialog" style="border-radius: 4px;">
        <div class="am-modal-hd"></div>
        <div class="am-modal-bd alert1"></div>
        <div class="am-modal-footer">
            <span class="am-modal-btn">确定</span>
        </div>
    </div>
</div>
<script src="../../assets/js/jquery.min.js"></script>
<script src="../../assets/js/jquery.cookie.js"></script>
<script src="../../assets/js/amazeui.min.js"></script>
<script src="../../assets/js/fastclick.min.js"></script>
<script src="../../js/comm.js"></script>
<script type="text/javascript" src="../../js/utils/myDate.js"></script>
<script src="../../js/slf.js"></script>
<!--<script src="../../js/personal/index.js"></script>-->
<script src="../../js/personal/index1.js"></script>
</body>

</html>